<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
  <th:block th:include="include :: header('运单详情')" />
  <th:block th:include="include :: jsonview-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal m-t" id="signupForm">
    <div class="form-group">
      <label class="col-sm-2 control-label">提验人：</label>
      <div class="form-control-static" th:text="${tudaOrder.vehicleInspector}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">业务员：</label>
      <div class="form-control-static" th:text="${tudaOrder.userName}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">业务员电话：</label>
      <div class="form-control-static" th:text="${tudaOrder.salesmanPhone}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">车型：</label>
      <div class="form-control-static" th:text="${tudaOrder.vehicleModel}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">车架号：</label>
      <div class="form-control-static" th:text="${tudaOrder.vin}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">托运人：</label>
      <div class="form-control-static" th:text="${tudaOrder.client}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">托运人电话：</label>
      <div class="form-control-static" th:text="${tudaOrder.clientPhone}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">起始地：</label>
      <div class="form-control-static" th:text="${tudaOrder.origin}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">目的地：</label>
      <div class="form-control-static" th:text="${tudaOrder.dest}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">接收人：</label>
      <div class="form-control-static" th:text="${tudaOrder.receiver}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">接车人电话：</label>
      <div class="form-control-static" th:text="${tudaOrder.receiverPhone}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">支付方式：</label>
      <div class="radio-box" th:each="dict : ${@dict.getType('pay_type')}">
        <input type="radio" th:id="${dict.dictCode}" name="payType" th:value="${dict.dictValue}" th:field="${tudaOrder.payType}">
        <label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">运费金额：</label>
      <div class="form-control-static" th:text="${tudaOrder.freightAmount}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">已付金额：</label>
      <div class="form-control-static" th:text="${tudaOrder.paidAmount}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">订单状态：</label>
      <div class="form-control-static">
        <select name="orderType" th:with="type=${@dict.getType('order_type')}">
          <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="${tudaOrder.orderType}"></option>
        </select>
      </div>

    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">利润：</label>
      <div class="form-control-static" th:text="${tudaOrder.profit}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">备注：</label>
      <div class="form-control-static" th:text="${tudaOrder.notes}">

      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">数据状态：</label>
      <div class="form-control-static" th:class="${tudaOrder.isDelete == 0 ? 'label label-primary' : 'label label-danger'}" th:text="${tudaOrder.isDelete == 0 ? '正常' : '异常'}">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">提验费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.inspectionFee}"> </div>
      <label class="col-sm-2 control-label">代驾费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.drivingFee}"> </div>
      <label class="col-sm-2 control-label">加油费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.refuelingFee}"> </div>
      <label class="col-sm-2 control-label">小板费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.smallBoardFee}"> </div>
      <label class="col-sm-2 control-label">叉车费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.forkliftFee}"> </div>
      <label class="col-sm-2 control-label">中介费(单位/元)：</label>
      <div class="form-control-static" th:text="${tudaOrder.agencyFee}"> </div>
    </div>
    <h4 class="form-header h4">货运中转信息</h4>
    <div class="row">
      <div class="col-sm-12">
        <!--				<button type="button" class="btn btn-white btn-sm" onclick="addRow()"><i class="fa fa-plus"> 增加</i></button>-->
        <!--				<button type="button" class="btn btn-white btn-sm" onclick="sub.delRow()"><i class="fa fa-minus"> 删除</i></button>-->
        <div class="col-sm-12 select-table table-striped">
          <table id="bootstrap-table"></table>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">汽车图片：</label>
    </div>
    <div class="form-group">
      <div class="col-sm-4" style="width: 20%" th:if="${tudaOrder.carImgList != null}" th:each="imgs,status: ${tudaOrder.carImgList}">
        <div class="contact-box">
          <div class="text-center">
            <a th:href="${imgs}" target="_blank">
              <img th:src="${imgs}" class="imgcode" width="280px" height="280px" alt="User Image">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">合同图片：</label>
    </div>
    <div class="form-group">
      <div class="col-sm-4" style="width: 20%" th:if="${tudaOrder.contractImgList != null}" th:each="imgs,status: ${tudaOrder.contractImgList}">
        <div class="contact-box">
          <div class="text-center">
            <a th:href="${imgs}" target="_blank">
              <img th:src="${imgs}" class="imgcode" width="280px" height="280px" alt="User Image">
            </a>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: jsonview-js" />
<th:block th:include="include :: bootstrap-table-custom-view-js" />
<script th:inline="javascript">
  $(function() {
    var options = {
      data: [[${tudaOrder.tudaOrderTransferList}]],
      pagination: false,
      showSearch: false,
      showRefresh: false,
      showToggle: false,
      showColumns: false,
      sidePagination: "client",
      columns: [{
        checkbox: true
      },
        {
          field: 'index',
          align: 'center',
          title: "序号",
          formatter: function (value, row, index) {
            var columnIndex = $.common.sprintf("<input type='hidden' name='index' value='%s'>", $.table.serialNumber(index));
            return columnIndex + $.table.serialNumber(index);
          }
        },
        {
          field: 'name',
          align: 'center',
          title: '中转段',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].name' value='%s' disabled>", index, value);
            return html;
          }
        },

        {
          field: 'transitBranch',
          align: 'center',
          title: '中转分公司',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].transitBranch' value='%s' disabled>", index, value);
            return html;
          }
        },

        {
          field: 'headPhone',
          align: 'center',
          title: '分公司负责人',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].headPhone' value='%s' disabled>", index, value);
            return html;
          }
        },
        {
          field: 'plateNumber',
          align: 'center',
          title: '车牌号',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].plateNumber' value='%s' disabled>", index, value);
            return html;
          }
        },
        {
          field: 'transporter',
          align: 'center',
          title: '驾驶员',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].transporter' value='%s' disabled>", index, value);
            return html;
          }
        },
        {
          field: 'transporterPhone',
          align: 'center',
          title: '驾驶员电话',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].transporterPhone' value='%s' disabled>", index, value);
            return html;
          }
        },

        {
          field: 'amount',
          align: 'center',
          title: '到收费用',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].amount' value='%s' disabled>", index, value);
            return html;
          }
        },

        {
          field: 'owes',
          align: 'center',
          title: '欠反',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].owes' value='%s' disabled>", index, value);
            return html;
          }
        },

        {
          field: 'transferFee',
          align: 'center',
          title: '中转费',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].transferFee' value='%s' disabled>", index, value);
            return html;
          }
        },
        {
          field: 'transitPoint',
          align: 'center',
          title: '中转地',
          formatter: function (value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].transitPoint' value='%s'>", index, value);
            return html;
          }
        },
        {
          field: 'state',
          align: 'center',
          title: '运输状态',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].state' value='运输中' disabled>", index, value);
            if(value == 2){
              html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].state' value='已完成' disabled>", index, value);
            }return html;
          }
        },

        {
          field: 'notes',
          align: 'center',
          title: '备注',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].notes' value='%s' disabled>", index, value);
            return html;
          }
        },
        {
          field: 'createTime',
          align: 'center',
          title: '创建时间',
          formatter: function(value, row, index) {
            var html = $.common.sprintf("<input class='form-control' type='text' name='tudaOrderTransferList[%s].createTime' value='%s' disabled>", index, value);
            return html;
          }
          // },
          //
          // {
          // 	title: '操作',
          // 	align: 'center',
          // 	formatter: function(value, row, index) {
          // 		var value = $.common.isNotEmpty(row.index) ? row.index : $.table.serialNumber(index);
          // 		return '<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="sub.delRowByIndex(\'' + value + '\')"><i class="fa fa-remove"></i>删除</a>';
          // 	}
        }]
    };
    $.table.init(options);
  });

  function addRow() {
    var count = $("#" + table.options.id).bootstrapTable('getData').length;
    var row = {
      index: $.table.serialNumber(count),
      name: "",
      transitBranch: "",
      headPhone: "",
      plateNumber: "",
      transporter: "",
      transporterPhone: "",
      amount: "",
      owes: "",
      transferFee: "",
      state: "",
      notes: "",
      createTime: "",
    }
    sub.addRow(row);
  }
</script>
</body>
</html>